@charset "utf-8";
/*=============================================================
 management
=============================================================*/
#sustainability.management .col-2.bgColor{
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #d9eaf6;
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 45px;
  height: 228px;
}
#sustainability.management .col-2.bgColor figure {
  width: 35%;
  height: 100%;
}
#sustainability.management .col-2.bgColor figure img {
  max-width: none;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
#sustainability.management .col-2.bgColor .lead {
    width: 60%;
}
/* box-colorD
-------------------------------------------------------------*/
#sustainability.management .box-colorD > h3{
	text-align: center;
	color: #0072bf;
	font-size: 1.8rem;
}
#sustainability.management .box-colorD + .box-colorA{margin-top: var(--spaceM);}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Tablet (portrait)
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (min-width:768px) and (max-width:1023px){
/*=============================================================
 message
=============================================================*/
#sustainability.management .col-2.bgColor{
	font-size: 2.0rem;
}
#sustainability.management .col-2.bgColor .lead{
	padding: 10px 20px 10px 0;
}
}


/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:767px){
/*=============================================================
 management
=============================================================*/
#sustainability.management .col-2.bgColor {
  height: 175px;
}
#sustainability.management .col-2.bgColor figure {
  margin-top: 0;
}
#sustainability.management .col-2.bgColor .lead {
  font-size: 1.6rem;
  font-weight: normal;
  margin-top: 0;
  padding-right: 10px;
}
#sustainability.management .col-2.bgColor{
	display: flex!important;
	justify-content: flex-start;
	font-size: 1.6px;
	margin-bottom: 45px;
}
#sustainability.management .col-2.bgColor>figure{
	overflow: hidden;
	width: 116px;
	height: auto;
	margin-top: 0!important;
}	
#sustainability.management .col-2.bgColor>figure img{
	max-width: inherit;
	width: 250px;
	margin-left: -50px;
}	
#sustainability.management .col-2.bgColor .lead{
	font-size: 1.6rem;
	font-weight: normal;
	width: calc((95% - 116px));
	padding: 10px 10px 10px 0;
	margin: 0!important;
}
	
}